<template>
  <div>
    <ul class="tree-ctn" id="treeCtn">
      <TreeNode :data='data' :sign='sign'></TreeNode>
    </ul>
  </div>
</template>

<script>
import TreeNode from './TreeNode'
export default {
  name: 'Tree',
  props: {
    data:{
      type:Array,
      default:function(){
        return[]
      }
    },
    sign:{
            type:String,
        default:"00"
    }
  },
  data () {
    return {
    }
  },
  components: {
    TreeNode
  }
}
</script>

<style lang="less" scoped >
.tree-ctn{
  border-radius: 2px;
  position: relative;
  // 禁止选中文字
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  text-align: left;
}
</style>